<!DOCTYPE html>
<html lang="en">

<head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="initial-scale=1,user-scalable=no,width=device-width">
    <title>Document</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/Swiper/3.1.0/css/swiper.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/ms-showcase2.css">
    <link rel="stylesheet" href="../css/masterslider.main.css">
    <script src="../js/modernizr-2.6.2.min.js"></script>
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="../js/masterslider.min.js"></script>
    <!-- <link rel="stylesheet" href="../css/detail.css"> -->
</head>

<body>
        <script type="text/javascript">
            $(document).ready(function () {
                var slider = new MasterSlider();
                slider.setup('masterslider', {
                    width: 610,
                    height: 630,
                    space: 5,
                    view: 'basic'
                });
                slider.control('arrows');
                slider.control('scrollbar', { dir: 'h' });
                slider.control('thumblist', { autohide: false, dir: 'v', arrows: false });
            });
        </script>
    <div class="top hidden-xs">
            <div class="top_left">
                    <form class="search" method="get" action="../pages/search.html">
                        <input class="input-text" type="text" placeholder="" id="keyword" name="keyword" />
                        <input type="hidden" name="s" value="so"/>
                        <input type="hidden" name="module" value=""/>
                       
                        <button class="input-submit" type="submit" onclick="return(searchBy())"> <i></i></button>
                    </form>
                </div>
        <div class="top_right">
            <a href="../member/module_favorite_index.html"> <i class="heart"></i></a>
            <a href="../login.html"><i class="user"></i></a>
             <a href="../pages/cart.html"> <i class="cart"><span class="badge">4</span></i></a>
        </div>
    </div>
    <!-- 导航 -->
    <div class="container clearfix">
        <div class="logo ptb3 hidden-xs"><a href="../index.html"><img src="../images/logo.png" alt=""></a> </div>
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand hidden-lg hidden-md hidden-sm logop" href="../index.html"><img
                            src="../images/logo.png" alt=""></a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="../index.html">HOME</a></li>
                        <li class="active"><a href="./girl.html">GIRL</a></li>
                        <li><a href="./boy.html">BOY</a></li>
                        <li><a href="#">TODDLER GIRL</a></li>
                        <li><a href="#">TODDLER BOY</a></li>
                        <li><a href="#">NEWBORN</a></li>
                        <li><a href="#">FAMILY</a></li>
                        <li><a href="#">MOMENT</a></li>
                        <li><a href="./access.html">ACCESSORIES</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
    <!-- detail -->
    <div class="detail container" style="border-bottom: 2px solid #ccc;padding-bottom:20px">
        <div class="row">
            <div class="col-lg-7 col-xs-12">
                <div style="max-width:800px;margin:10px auto;">
                        <div class="ms-showcase2-template ms-dir-v ">
                
                            <div class="master-slider ms-skin-default" id="masterslider">
                                <div class="ms-slide"><img  class="img-responsive" 
                                        data-src="../test/detail_l.png"
                                        alt="lorem ipsum dolor sit" /> <img class="ms-thumb" src="../test/dcrs.png" alt="thumb" /> </div>
                                <div class="ms-slide"> <img 
                                        data-src="../test/detail_l.png"
                                        alt="lorem ipsum dolor sit" /> <img class="ms-thumb" src="../test/dcrs.png" alt="thumb" /> </div>
                                <div class="ms-slide"> <img 
                                        data-src="../test/detail_l.png"
                                        alt="lorem ipsum dolor sit" /> <img class="ms-thumb" src="../test/dcrs.png" alt="thumb" /> </div>
                                <div class="ms-slide"> <img 
                                        data-src="http://www.jq22.com/demo/jQueryXyslb201710111840/images/big/4.jpg"
                                        alt="lorem ipsum dolor sit" /> <img class="ms-thumb" src="../test/dcrs.png" alt="thumb" /> </div>
                                <div class="ms-slide"> <img 
                                        data-src="http://www.jq22.com/demo/jQueryXyslb201710111840/images/big/5.jpg"
                                        alt="lorem ipsum dolor sit" /> <img class="ms-thumb" src="../test/dcrs.png" alt="thumb" /> </div>
                                <div class="ms-slide"> <img 
                                        data-src="http://www.jq22.com/demo/jQueryXyslb201710111840/images/big/6.jpg"
                                        alt="lorem ipsum dolor sit" /> <img class="ms-thumb" src="../test/dcrs.png" alt="thumb" /> </div>
                                <div class="ms-slide"> <img 
                                        data-src="http://www.jq22.com/demo/jQueryXyslb201710111840/images/big/7.jpg"
                                        alt="lorem ipsum dolor sit" /> <img class="ms-thumb" src="../test/dcrs.png" alt="thumb" /> </div>
                            </div>
                
                        </div>
                    </div>
            </div>
            <div class="col-lg-5 col-xs-12">
                <p class="title">Temperament Fairy Dress</p>
                <p class="descrip list">Commodity Number: 546111225H203J</p>
                <div class="price_size">
                    <div class="price"><span class="left">PRICE</span> <span class="number">$10</span></div>
                    <div class="attributes">
                        <div class="attribute-label">SIZE：</div>
                        <div class="attribute-list carbox clearfix inline">
                            <input class="dr_sku_value" id="dr_sku_group1" oname="group1" type="hidden" value="" />
                            <div class="dr_sku_group1 sku-value">
                                <span id="dr_sku_value_value5" ovalue="value5" class="curr"
                                    title="155/76A/s"><b></b>155/76A/s</span>
                                <span id="dr_sku_value_value6" ovalue="value6" class="curr"
                                    title="155/76A/s"><b></b>155/76A/s</span>
                                <span id="dr_sku_value_value7" ovalue="value7" class="curr"
                                    title="155/76A/s"><b></b>155/76A/s</span>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- 数量 -->
                <div class="sel">
                    <span class="a">NUMBER：</span>
                    <span class="b">
                        <div class="num clearfix" id="buyNumC">
                            <a href="javascript:;" class="reduce" onclick="dr_sku_item_num(0)">-</a>
                            <input type="text" class="num_ipt" id="dr_sku_num" value="1" name="num">
                            <a href="javascript:;" class="increase" onclick="dr_sku_item_num(1)">+</a>
                        </div>
                    </span>
                </div>
                <!-- 购买收藏--- -->
                <div class="btn3 clearfix" id="buyBtn">
                    <a href="javascript:;" class="buyto2 center-block glyphicon glyphicon-heart" id="buyto2"
                        onclick="dr_module_favorite('mall', '1', 0)"></a>

                    <a href="javascript:;" class="addto" id="addto" ii="http://pos.com/uploadfile/201908/d46a4efeac.jpg"
                        href="javascript:;" onclick="dr_cart()">ADD TO CART <i class="icon-cart"></i></a>
                    <a href="javascript:;" class="buyto" id="buyto" onclick="dr_buy()">BUY NOW <i
                            class="icon_buy"></i></a>

                </div>

            </div>
        </div>
    </div>
    <!-- content -->
    <div class="content container ptb3">

        <div class="menu hidden-xs">
            <h4>GIRL</h4>
            <ul>
                <li><a href="#">Dress</a></li>
                <li><a href="#">Rom per</a></li>
                <li><a href="#">Shorts</a></li>
                <li><a href="#">Bottoms</a></li>
                <li><a href="#">Legging</a></li>
                <li><a href="#">Jacket & coat</a></li>
                <li><a href="#">Sleep wear</a></li>
                <li><a href="#">Swim</a></li>
            </ul>
        </div>
        <div class="list">

            <div class="row">
                <div class="col-lg-9 dashed_right">
                    <p class="title text-center">WENTOU GROUP</p>
                    <span class="block center-block"></span>
                    <p class="divis"></p>
                    <img src="../test/decl.png" alt="" class="img-responsive imgitem">
                    <div class="row hidden-xs">
                        <div class="col-lg-4">
                            <img class="img-responsive imgitem" src="../test/decs.png" alt="">
                        </div>
                        <div class="col-lg-4">
                            <img class="img-responsive imgitem" src="../test/decs.png" alt="">
                        </div>
                        <div class="col-lg-4">
                            <img class="img-responsive imgitem" src="../test/decs.png" alt="">
                        </div>
                    </div>
                    <img src="../test/decl.png" alt="" class="img-responsive" style="margin-bottom: 0;">
                </div>
                <div class="col-lg-3 detail_right text-center">
                    <span class="line"></span>
                    <span class="text">More like</span>
                    <span class="line"></span>
                    <div class="contetn_right pic_text clearfix">
                            <div href="" class="col-xs-6 col-xs-12 col-md-12">
                                    <a class="thumbnail">
                                            <img src="../test/dcrs.png" alt="...">
                                            <div class="caption">
                                                <p>Thumbnail label</p>
                                            </div>
                                    </a>
                                    
                                </div>
                        <div href="" class="col-xs-6 col-xs-12 col-md-12">
                            <a class="thumbnail">
                                    <img src="../test/dcrs.png" alt="...">
                                    <div class="caption">
                                        <p>Thumbnail label</p>
                                    </div>
                            </a>
                            
                        </div>
                        <div href="" class="col-xs-6 col-xs-12 col-md-12">
                                <a class="thumbnail">
                                        <img src="../test/dcrs.png" alt="...">
                                        <div class="caption">
                                            <p>Thumbnail label</p>
                                        </div>
                                </a>
                                
                            </div>
                            <div href="" class="col-xs-6 col-xs-12 col-md-12">
                                    <a class="thumbnail">
                                            <img src="../test/dcrs.png" alt="...">
                                            <div class="caption">
                                                <p>Thumbnail label</p>
                                            </div>
                                    </a>
                                    
                                </div>
                                <div href="" class="col-xs-6 col-xs-12 col-md-12">
                                        <a class="thumbnail">
                                                <img src="../test/dcrs.png" alt="...">
                                                <div class="caption">
                                                    <p>Thumbnail label</p>
                                                </div>
                                        </a>
                                        
                                    </div>
                                    <div href="" class="col-xs-6 col-xs-12 col-md-12">
                                            <a class="thumbnail">
                                                    <img src="../test/dcrs.png" alt="...">
                                                    <div class="caption">
                                                        <p>Thumbnail label</p>
                                                    </div>
                                            </a>
                                            
                                        </div>
                                        <div href="" class="col-xs-6 col-xs-12 col-md-12">
                                                <a class="thumbnail">
                                                        <img src="../test/dcrs.png" alt="...">
                                                        <div class="caption">
                                                            <p>Thumbnail label</p>
                                                        </div>
                                                </a>
                                                
                                            </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- footer -->
    <div class="footer ptb3">
        <div class="container">
                <div class="row">
                        <div class="col-xs-6 col-sm-4 col-md-4 item hidden-xs">
                            <h4><a href="../pages/about.html">SERVICE</a></h4>
                            <p><a href="../pages/about.html">Need Help?</a></p>
                            <p><a href="../pages/about.html">My Account</a></p>
                            <p><a href="../pages/about.html">Track Your Order</a></p>
                            <p><a href="../pages/about.html">Contact Us</a></p>
                            <p><a href="../pages/about.html">FAQs</a></p>               
                        </div>
                        <div class="col-xs-6 col-sm-4 col-md-4 item hidden-xs">
                            <h4><a href="../pages/about.html">INFORMATION</a></h4>
                            <p><a href="../pages/about.html">Who We Are</a></p>
                            <p><a href="../pages/about.html">Careers</a></p>
                            <p><a href="../pages/about.html">How To Work With Us</a></p>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4 item">
                            <h4 class="title"><a href="#">CONNECT</a></h4>
                            <div class="foot_icon text-center">
                                    <span class="glyphicon glyphicon-cloud
                                    "></span>
                                    <span class="glyphicon glyphicon-envelope
                                    "></span>
                                    <span class="glyphicon glyphicon-user
                                    "></span>
                                    <span class="glyphicon glyphicon-time
                                    "></span>
                            </div>
                            
                        </div>
                    </div>
        </div>
    </div>
    <!-- phone footer nav -->
    <div class="visible-xs-12 hidden-lg hidden-md hidden-sm" style="width:100%; height:50px;"></div>
    <div class="di_nav visible-xs-12 hidden-lg hidden-md hidden-sm">
        <a href="../index.html"><span class="glyphicon glyphicon-home"></span>home</a>
        <a href="javascript:void(0)" class="down"><span class="glyphicon glyphicon-edit"></span>contact us</a>
        <a id="m_bottom_whatsapp" href=""><span class="glyphicon glyphicon-earphone"></span>WhatsApp</a>
        <a href="#top"><span class="glyphicon glyphicon-arrow-up"></span>top</a>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</html>